<!--
  - Copyright (c) 2018.
  - 北京九思金信科技有限公司对该文件内容保留所有权利。
  - 未经许可，不得私自拷贝、传播、发布、引用该文件内容，违者将被追究法律责任。
  -->

<template>
  <div id="app">
    <joys-header></joys-header>
    <keep-alive>
      <!-- //exclude="Detail" -->
      <router-view></router-view>
    </keep-alive>
    <joys-tab></joys-tab>
  </div>
</template>

<script>
import JoysHeader from "@/components/JoysHeader/JoysHeader";
import JoysTab from "@/components/JoysTab/JoysTab";
export default {
  name: "App",
  components: {
    // 组件
    JoysHeader,
    JoysTab
  }
};
var html = document.getElementsByTagName("html")[0]; //获取html元素
var w = document.documentElement.clientWidth || document.body.clientWidth; //屏幕宽度（兼容处理）
html.style.fontSize = (w * 100) / 370 + "px"; //370为设计稿宽度
</script>

<style lang="less">
@import "~vux/src/styles/reset.less";
* {
  touch-action: none;
}

html,
body {
  background-color: #fbf9fe;
}
</style>
